
  .header-container {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: rgba($color: #ffffff, $alpha: 0.2);
    .logo-content{
      float: left;
      padding: 10px;
    }
    .menu-list {
       float: left;
       margin-left: 50%;
       transform: translateX(-50%);
       .menu-item {
        float: left;
        width: 20%;
        height: 100%;
        position: relative;
        padding: 0 30px;
        .menu-item-title{
          cursor: pointer;
          color: #fff;
          font-size: 16px;
          font-weight: 400;
        }
        .menu-detail-panel{
          width: 300px;
          height: 100px;
          left: 0;
          right: 0;
          top: 100%;
          padding: 20px;
          position: absolute;
          background-color: #fff;
          .details{
            float: left;
            width: 30%;
            padding:0 10px;
            .detail-title{
              font-size: 14px;
              font-weight: bold;
              color: #333;
            }
            .a {
              display: block;
              font-size: 0.85em;
              color: #555;
              text-transform: capitalize;
              line-height: 1.8em;
              // -webkit-transition: all 0.3s ease-in-out;
              // -moz-transition: all 0.3s ease-in-out;
              // -o-transition: all 0.3s ease-in-out;
              // transition: all 0.3s ease-in-out;
              line-height: 2.5em;
            }
            .a:hover{
              text-decoration:none;
              color:#f84545;
            }
            .h4 {
              font-size: 1em;
              color: #000;
              line-height: 1.8em;
              text-transform: uppercase;
              margin-bottom:1em;
            }
            .p_left{
              float:left;
              margin-right:5px;
              // padding-bottom:10px;
              padding: 5px 5px;
            }
            .p_right{
              float:left;
              .h4{
                margin-bottom:-10px;
                .a:hover, .small:hover{
                  text-decoration:none;
                  color: #f84545;
                }
              }
            }
            // .p_right h4{
            //   margin-bottom:-10px;
            // }
            // .p_right h4 a:hover, .small:hover{
            //   text-decoration:none;
            //   color: #f84545;
            // }
            // .detail-type-name{
            //   color: #555;
            // }
          }
          .last-details{
            width: 40%;
          }
        }
      }
      .menu-item:hover{
        background-color: rgba($color: #000000, $alpha: 0.2);
      }
    }
    .login-status{
      float: right;
      padding-right: 20px;
      .login-status-item{
        cursor: pointer;
        padding: 0 10px;
      }
      .login-status-item:hover{
        color: #ffffff;
        background-color: rgba($color: #000000, $alpha: 0.2);
      }
    }
  }
  .login-modal{
    .ivu-modal-content{
      border-radius: 0px;
    }
  }